const options = [
	{ text: '选项1', value: 1 },
	{ text: '选项2', value: 2 }
];

export default function({ Button }) {
	const param = {
		// Jiess会根据area中表单所定义的所有$name属性，从initialValues中提取用到的数据，
		// 最后将匹配过$name的数据集作为数据源，即底层会过滤掉initialValues中未使用的字段
		initialValues: {},
		// 某时，如编辑提交时，需要数据的ID，根据该ID操作数据库编辑，然而area中未定义相应的$name，
		// 此时，可以使用staticValues直接指定数据源，该数据源中的数据不会被过滤，且同样应用于回显
		staticValues: { id: 123456, name: '明明', age: 13 }
	};
	if (env === 'react-antd') {
		param.title = '下拉框详例'
	} else {
		param.header = '下拉框详例'
		param.formParam = { labelWidth: '108px' }
	}
	const area = this.area(param);
	area.add(
		$Input({ $name: 'name', $label: '姓名' }),
		$InputNumber({ $name: 'age', $label: '年龄' })
	);
	// 元素添加完毕，确定渲染
	const action = area.done();
	// 区域数据的操作
	this.add(
		this.render({
			is: Button,
			type: 'primary',
			onClick: async () => {
				const values = await action.getFieldsValue();
				alert(JSON.stringify(values));
			}
		}, '获取区域的值')
	);
}